var app;
var app2;
var app3;
var app4;
var app5;
var app6;
var book;
var sectionTable;
Vue.component('todo-item', {
    // todo-item 组件现在接受一个
    // "prop"，类似于一个自定义 attribute。
    // 这个 prop 名为 todo。
    props: ['todo'],
    template: '<li>{{ todo.text}} + {{todo.id}} </li>'
});
$(document).ready(function () {
    // app = new Vue({
    //     el: '#app',
    //     data: {
    //         message: 'Hello Vue!'
    //     }
    // });
    // app2 = new Vue({
    //     el: '#app-2',
    //     data: {
    //         message: '页面加载于 ' + new Date().toLocaleString()
    //     }
    // });
    // app3 = new Vue({
    //     el: '#app-3',
    //     data: {
    //         seen: true
    //     }
    // });
    // app4 = new Vue({
    //     el: '#app-4',
    //     data: {
    //         todos: [
    //             { text: '学习 JavaScript' },
    //             { text: '学习 Vue' },
    //             { text: '整个牛项目' }
    //         ]
    //     }
    // });
    // app5 = new Vue({
    //     el: '#app-5',
    //     data: {
    //         message: 'Hello Vue.js!'
    //     },
    //     methods: {
    //         reverseMessage: function () {
    //             this.message = this.message.split('').reverse().join('')
    //         }
    //     }
    // });
    // app6 = new Vue({
    //     el: '#app-6',
    //     data: {
    //         message: 'Hello Vue!'
    //     }
    // });
    // app7 = new Vue({
    //     el: '#app-7',
    //     data: {
    //         groceryList: [
    //             { id: 0, text: '蔬菜' },
    //             { id: 1, text: '奶酪' },
    //             { id: 2, text: '随便其它什么人吃的东西' }
    //         ]
    //     }
    // });

    book = new Vue({
        el: '#book-list',
        data: {
            bookData: [],
            queryKey: '',
            sectionData:[]
        },
        methods: {
            queryClick: function () {
                $.ajax({
                    // 请求方式
                    type: "post",
                    // contentType
                    contentType: "application/json;charset=utf-8",
                    // dataType
                    dataType: "json",
                    // url
                    url: "http://localhost/rdcj/book/v1/queryBook",
                    // 把JS的对象或数组序列化一个json 字符串
                    data: JSON.stringify({
                        "queryKey": this.queryKey
                    }),
                    headers: {
                        'source': "1",
                    },
                    // result 为请求的返回结果对象
                    success: function (response) {
                        if (response.errcode == '0000') {
                            book.bookData = response.result;
                            console.debug(response);
                        } else {
                            console.debug(response);
                        }
                    }
                });
            },
            querySections: function (r) {
                $.ajax({
                    // 请求方式
                    type: "post",
                    // contentType
                    contentType: "application/json;charset=utf-8",
                    // dataType
                    dataType: "json",
                    // url
                    url: "http://localhost/rdcj/book/v1/querySections",
                    // 把JS的对象或数组序列化一个json 字符串
                    data: JSON.stringify({
                        "targetUrl": r.targetUrl
                    }),
                    headers: {
                        'source': "1",
                    },
                    // result 为请求的返回结果对象
                    success: function (response) {
                        if (response.errcode == '0000') {
                            console.debug(response);
                        } else {
                            console.debug(response);
                        }
                    }
                });
                alert(r.targetUrl);
            },
            openSections: function (r) {
                $.ajax({
                    // 请求方式
                    type: "post",
                    // contentType
                    contentType: "application/json;charset=utf-8",
                    // dataType
                    dataType: "json",
                    // url
                    url: "http://localhost/rdcj/book/v1/querySections",
                    // 把JS的对象或数组序列化一个json 字符串
                    data: JSON.stringify({
                        "targetUrl": r.targetUrl
                    }),
                    headers: {
                        'source': "1",
                    },
                    // result 为请求的返回结果对象
                    success: function (response) {
                        if (response.errcode == '0000') {
                            console.debug(response);
                        } else {
                            console.debug(response);
                        }
                    }
                });
                alert(r.targetUrl);
            },
        }
    });

});